<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>全部商品</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/goods.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
	</head>
<body>

	<div class="container">
		
		<!-- 产品列表页搜索框开始 -->
		<div class="search">

				<i class="fa fa-angle-left"></i>


			<input type="text" placeholder="请输入关键字" name="keyword">
			<i class="fa fa-search"></i>
			<a href="#" class="bars">
				<i class="fa fa-bars"></i>
				<span>分类</span>
			</a>
		</div>
		<!-- 产品列表页搜索框结束 -->


		<!-- 商品列表 -->
		<div class="list">

			<div class="con cl">

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述  分段文字描述字数控制 商品名称及相关关键字描述</dd>
						<dd  class="price">￥21.32</dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述 分段文字描述字数控制</dd>
						<dd class="price">价格请电询</dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述  分段文字描述字数控制 商品名称及相关关键字描述</dd>
						<dd  class="price">￥21.32</dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述 分段文字描述字数控制</dd>
						<dd class="price">价格请电询</dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述  分段文字描述字数控制 商品名称及相关关键字描述</dd>
						<dd  class="price">￥21.32</dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述 分段文字描述字数控制</dd>
						<dd class="price">价格请电询</dd>
					</dl>
				</a>

			</div>
		</div>
		<!-- 商品列表结束 -->

		<div class="foot">
			<span class="main_bottom">加载中...</span>
		</div>
		
		<div class="up">
			<div class="uptop"></div>
		</div>


		<div class="tabbar">
			<a href="index.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">店铺首页</p>
			</a>
			<a href="goods.html" class="tabbar-item">
				<div class="tabbar_icon active">
					
				</div>
				<p class="tabbar_label">全部商品</p>
			</a>
			<a href="catelist.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">商品分类</p>
			</a>
			<a href="cart.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">购物车</p>
			</a>
			<a href="user.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">关于我们</p>
			</a>
		</div>

	</div>
<script type="text/javascript">
	$(function(){

			$(window).bind("scroll", function () {  
                var sTop = $(window).scrollTop();  
                var sTop = parseInt(sTop);  
                if (sTop >= 130) {  
                    if (!$(".uptop").is(":visible")) {  
                        try {  
                            $(".uptop").slideDown();  
                        } catch (e) {  
                            $(".uptop").show();  
                        }                        
                    }  
                }  
                else {  
                    if ($(".uptop").is(":visible")) {  
                        try {  
                            $(".uptop").slideUp();  
                        } catch (e) {  
                            $(".uptop").hide();  
                        }                         
                    }  
                }   
            });  

			$(".uptop").click(function(){
				$("html,body").animate({scrollTop:"0px"},'slow');
				$(this).hide();
			});

			$(".search input").click(function(){
	    			window.location.href="search.html";
	    	});

	    	$(".search .fa-angle-left").click(function(){alert("hello");
				window.history.back(-1); 
			});

	});
</script>
</body>
</html>